<!DOCTYPE html>
<html>
  <head>
    <title>Freie Computer</title>
    <meta charset="utf-8" />
    <meta content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" name="viewport">
    <!-- css -->
    <link rel="shortcut icon" href="./favicon.ico">
    <link href="css/bootstrap.min.css" rel="stylesheet" media="screen">
    <link href="css/style.css" rel="stylesheet" media="screen">
    <link href="color/default.css" rel="stylesheet" media="screen">
    <!-- js -->
    <script src="js/modernizr.custom.js"></script>
  </head>
  <body>
	<div class="menu-area">
			<div id="dl-menu" class="dl-menuwrapper">
						<button class="dl-trigger">Men&uuml; &ouml;ffnen</button>
						<ul class="dl-menu">
							<li>
								<a href="#intro">Home</a>
							</li>
							<li><a href="#about">Befreie Deine Hardware</a></li>
							<li><a href="#flashdays">Flashdays</a></li>
							<li><a href="#contact">Kontakt</a></li>
						</ul>
					</div><!-- /dl-menuwrapper -->
	</div>	

	  <!-- intro area -->	  
	  <div id="intro">
	  
			<div class="intro-text">
				<div class="container">
					<div class="row">
					
						
					<div class="col-md-12">
			
						<div class="brand">
                                                        <h1><a href="index.html">Freie Computer</a></h1>
                                                        <div class="line-spacer"></div>
                                                        <p><span>F&uuml;r Freie Menschen</span></p>
                                                        </div>
						</div>
					</div>
					</div>
				</div>
		 	</div>
			
	 </div>
	  

	  
	  
	  <!-- About -->
	  <section id="about" class="home-section bg-white">
		<div class="container">
			  <div class="row">
				  <div class="col-md-offset-2 col-md-8">
					<div class="section-intro">
					 <h2>Befreie Deine Hardware</h2>
					 <p>Heute ist es m&ouml;glich, ein Freies Betriebssystem wie GNU/Linux auf den meisten Laptops zu nutzen.
                                         Oftmals werden daf&uuml;r allerdings unfreie Treiber, beispielsweise f&uuml;r den Betrieb des WLAN-Moduls, ben&ouml;tigt.
                                         Auch das BIOS, der Kern eines jeden PCs, ist in den seltensten F&auml;llen frei zug&auml;nglich und kann weder analysiert
                                         noch ver&auml;ndert werden.</p>

                                         <p>Die <a href="https://wiki.fsfe.org/groups/Zurich" target="_blank">Lokalgruppe Z&uuml;rich</a> der <a href="https://fsfe.org" target="_blank">FSFE</a> unterst&uuml;tzt  
					 Dich dabei, Deinen Laptop zu befreien. Dazu veranstalten wir regelm&auml;ssig sogenannte FlashDays an denen wir Dir zeigen, wie Du Deinen Laptop mit dem Freien BIOS
                                         <a href="http://libreboot.org" target="_blank">Libreboot</a> ausr&uuml;sten kannst. Zus&auml;tzlich zeigen wir Dir, wie Du die WLAN-Karte gegen ein Modell tauschen kannst,
                                         das mit Freien Treibern auskommt.</p>

                                         <p>Abschliessend k&ouml;nnen wir gemeinsam eine Freie <a href="https://www.gnu.org/distros/free-distros.html" target="_blank">
                                         GNU/Linux Distribution</a> installieren. <p>
                                         
                                         <p>Ob Dein Ger&auml;t von Libreboot unterst&uuml;tzt wird, kannst Du in der <a href="http://libreboot.org/docs/hcl/index.html" target="_blank">Hardwarekompatibilit&auml;sliste</a>
                                         nachschauen. Solltest Du bisher kein unterst&uuml;tztes Ger&auml;t haben, kannst Du eines an den FlashDays erwerben. Informiere uns bitte im Vorfeld, falls das der Fall ist.</p>

                                         <p>Im Folgenden findest Du eine Liste mit Daten der n&auml;chsten FlashDays. M&ouml;chtest Du teilnehmen, dann melde Dich bitte &uuml;ber das Kontaktformular an.</p>
                                         
                                        <p>Auch falls momentan keine FlashDays geplant sein sollten, kannst Du Dich gerne über das Formular melden und wir werden Dich in die Warteliste aufnehmen und informieren,
                                        sobald ein Termin bekannt ist.</p>
					</div>
				  </div>
			  </div>
			  <div class="row">
		  </div>	  
	  </section>
	  

	<!-- Shop -->
	<section id="flashdays" class="home-section bg-white">
			<div class="container">
			  <div class="row">
				  <div class="col-md-offset-2 col-md-8">
					<div class="section-heading">
                                         <img src="img/flashdays.png" width="70%" alt="FlashDays">
					<br /><br /> 
                                        <h4>Momentan sind keine FlashDays geplant.</h4>
					</div>
				  </div>
			  </div>
			</div>
		</section>	  


                <!-- spacer -->
                <section id="spacer5" class="home-section spacer">
                </section>

 
	 <!-- Contact -->
	  <section id="contact" class="home-section bg-white">
	  	<div class="container">
			  <div class="row">
				  <div class="col-md-offset-2 col-md-8">
					<div class="section-heading">
					 <h2>Kontakt</h2>
                                         <p>Bitte nutze das Kontaktformular, und wir werden uns baldm&ouml;glichst
                                         bei Dir melden.</p>
					</div>
				  </div>
			  </div>

	  		<div class="row">
				<div class="col-md-offset-3 col-md-6">

	   <!-- Form itself -->

<div id="contacts">
     <!-- Alignment -->
	   <!-- Form itself -->
          <form name="sentMessage" class="form-horizontal" id="contactForm"  novalidate>
		 <div class="control-group">
                    <div class="controls">
			<input type="text" class="form-control" 
			   	   placeholder="Vorname Nachname" id="name" required
			           data-validation-required-message="Gib bitte Deinen Namen an" />
			  <p class="help-block"></p>
		   </div>
	         </div> 	
                <div class="control-group">
                  <div class="controls">
			<input type="email" class="form-control" placeholder="Email" 
			   	            id="email" required
			   		   data-validation-required-message="Bitte gib Deine Email-Adresse an" />
		</div>
	    </div> 	
			  
               <div class="control-group">
                 <div class="controls">
				 <textarea rows="10" cols="100" class="form-control" 
                       placeholder="Schreib uns, wenn du dich f&uuml;r die Teilnahme interessierst" id="message" required
		       data-validation-required-message="Bitte gib eine Nachricht ein" minlength="5" 
                       data-validation-minlength-message="Mindestens 5 Zeichen" 
                        maxlength="5000" style="resize:none"></textarea>
		</div>
               </div> 		 
	     <div id="success"> </div> <!-- For success/fail messages -->
           <button type="submit" class="btn btn-theme btn-lg btn-block">Senden</button><br />	  
          </form>
</div>
		

	
				
	  		</div>
	  		</div>

	  	</div>
	  </section>  

	<footer>
		<div class="container">
			<div class="row">
				<div class="col-md-12">
					<p>Copyleft <a href="https://www.gnu.org/copyleft/fdl.html" target="_blank">GFDL</a> - Freedom granted.</p>
				</div>
			</div>		
		</div>	
	</footer>
	 
	<!-- js -->
	<script src="js/jquery.js"></script>
	<script src="js/bootstrap.min.js"></script>
	<script src="js/jquery.smooth-scroll.min.js"></script>
	<script src="js/jquery.dlmenu.js"></script>
	<script src="js/wow.min.js"></script>
	<script src="js/custom.js"></script>
	<script src="./js/jqBootstrapValidation.js"></script>
	<script src="./js/contact_me.js"></script>
  </body>	
</html>
